<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet/less" href="css/public.less"/>
		<link rel="stylesheet/less" href="css/hotel.less"/>
	</head>
	<body>
		<header>
			<div class="logo">
				<img src="images/logo.png" >
			</div>
			<div class="nav">
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="rooms.html">客房</a></li>
					<li><a href="meeting.html">会议及宴会</a></li>
					<li><a href="#">酒店快讯</a></li>
					<li><a href="#">酒店预订</a></li>
				</ul>		
			</div>
		</header>
		<div class="banner">
			<img src="images/banner4.jpg" >
		</div>
		<ul class="list">
			<li>
				<img src="images/list1.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list2.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list3.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list4.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list5.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list6.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list7.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
			<li>
				<img src="images/list8.jpg" >
				<div>
					<p>美味寻踪 | 听说一种深海珍宝游到了彩蝶谷</p>
					<p>都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名’都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......
					都说龙趸全身是宝，不同部位适合烹制不同菜式，彩蝶谷美食廊素来以出品风味混搭、菜式做法多样而闻名......</p>
				</div>
			</li>
		</ul>
		
		<div class="footer">
			<div>
				<p class="footer-bg">地址</p>
				<p class="footer-liner"></p>
				<p class="footer-sm">上海市宝图网科技大厦</p>
			</div>
			<div>
				<p class="footer-bg">联系我们</p>
				<p class="footer-liner"></p>
				<p class="footer-sm"><span>T.</span>000-00000000</p>
				<p class="footer-sm"><span>E.</span>ibaotu@123.com</p>
			</div>
			<div>
				<p class="footer-bg">预定酒店</p>
				<p class="footer-liner"></p>
				<p class="footer-sm footer-sm1">马上预定<i><a href="#"><img src="images/arrow.png" ></a></i></p>
			</div>
			<div>
				<p class="footer-bg">关注我们</p>
				<p class="footer-liner"></p>
				<ul>
					<li><a href="#"><img src="images/qq.jpg" ></a></li>
					<li><a href="#"><img src="images/wb.jpg" ></a></li>
					<li><a href="#"><img src="images/wx.jpg" ></a></li>
				</ul>
			</div>
		</div>
	</body>
	<script src="js/less.min.js" type="text/javascript" charset="utf-8"></script>
</html>
